'use client';
import { SVGProps } from 'react';
import styled from 'styled-components';

const StyledSVG = styled.svg`
  .logo-mark {
    fill: #30a46c;
  }
  .logo-text {
    fill: ${({ theme }) => theme.colors.base.text.highContrast};
  }
`;

export function BrandLogo({ ...svgProps }: SVGProps<SVGSVGElement>) {
  return (
    <StyledSVG
      xmlns='http://www.w3.org/2000/svg'
      width='114.648'
      height='24'
      viewBox='0 0 230 48'
      fill='none'
      {...svgProps}
    >
      <path
        d='M35.6667 5.33333H7.696C4.26982 5.33333 1.20301 3.20804 0 0H64.7681C77.5091 0 86.5059 12.4823 82.4768 24.5696L74.6667 48H69.3333L77.7611 22.9126C80.6634 14.2732 74.2358 5.33333 65.1219 5.33333H41V8C41 18.3093 49.3574 26.6667 59.6667 26.6667H71L64 48H58.6667L64 32H59.6667C46.4118 32 35.6667 21.2548 35.6667 8V5.33333Z'
        className='logo-mark'
      />
      <path
        d='M17.6667 26.6667H14.696C11.2698 26.6667 8.20301 24.5414 7 21.3333H19.6667L21.3333 16H10.921C7.59675 16 4.65821 13.8396 3.66667 10.6667H28.3333L16 48H10.6667L17.6667 26.6667Z'
        className='logo-mark'
      />
      <path
        d='M32 48H26.6667L29.6936 38.9193C31.0709 34.7872 34.9379 32 39.2936 32C46.2006 32 51.0778 38.7667 48.8936 45.3193L48 48H42.3333L43.7258 43.9493C44.84 40.7079 42.4316 37.3333 39.0041 37.3333C36.8202 37.3333 34.8898 38.7526 34.2384 40.837L32 48Z'
        className='logo-mark'
      />
      <path
        d='M70.6667 16C70.6667 18.2091 68.8758 20 66.6667 20C64.4575 20 62.6667 18.2091 62.6667 16C62.6667 13.7909 64.4575 12 66.6667 12C68.8758 12 70.6667 13.7909 70.6667 16Z'
        className='logo-mark'
      />
      <path
        d='M107.333 36.9484V10.6667H117.189C119.208 10.6667 120.902 11.0432 122.27 11.796C123.648 12.5489 124.687 13.5841 125.389 14.9016C126.099 16.2105 126.454 17.6991 126.454 19.3674C126.454 21.0528 126.099 22.55 125.389 23.8589C124.679 25.1679 123.631 26.1988 122.245 26.9516C120.859 27.6959 119.152 28.0681 117.124 28.0681H110.593V24.1541H116.483C117.663 24.1541 118.63 23.9487 119.383 23.5381C120.136 23.1274 120.692 22.5628 121.051 21.8442C121.419 21.1255 121.603 20.2999 121.603 19.3674C121.603 18.4349 121.419 17.6136 121.051 16.9035C120.692 16.1934 120.132 15.6416 119.37 15.2481C118.617 14.846 117.646 14.6449 116.457 14.6449H112.094V36.9484H107.333Z'
        className='logo-text'
      />
      <path
        d='M138.033 37.3334C136.057 37.3334 134.35 36.9228 132.913 36.1015C131.484 35.2716 130.385 34.0995 129.615 32.5853C128.845 31.0624 128.46 29.2701 128.46 27.2083C128.46 25.1807 128.845 23.4012 129.615 21.8698C130.393 20.3299 131.48 19.1322 132.874 18.2766C134.269 17.4126 135.907 16.9805 137.789 16.9805C139.004 16.9805 140.15 17.1773 141.228 17.5708C142.315 17.9558 143.273 18.5547 144.103 19.3674C144.941 20.1802 145.6 21.2154 146.079 22.473C146.558 23.722 146.798 25.2106 146.798 26.9388V28.3633H130.641V25.232H142.345C142.336 24.3423 142.144 23.5509 141.767 22.858C141.391 22.1564 140.865 21.6046 140.189 21.2025C139.522 20.8004 138.743 20.5994 137.853 20.5994C136.904 20.5994 136.07 20.8304 135.351 21.2923C134.632 21.7458 134.072 22.3446 133.67 23.0889C133.276 23.8247 133.075 24.6332 133.067 25.5144V28.2478C133.067 29.3942 133.276 30.378 133.696 31.1993C134.115 32.0121 134.701 32.6366 135.454 33.0729C136.206 33.5007 137.088 33.7146 138.097 33.7146C138.773 33.7146 139.385 33.6204 139.932 33.4322C140.48 33.2355 140.955 32.9489 141.357 32.5724C141.759 32.196 142.063 31.7297 142.268 31.1736L146.605 31.6613C146.332 32.8077 145.81 33.8087 145.04 34.6642C144.278 35.5111 143.303 36.1699 142.114 36.6404C140.925 37.1024 139.564 37.3334 138.033 37.3334Z'
        className='logo-text'
      />
      <path
        d='M158.659 37.3334C156.683 37.3334 154.976 36.9228 153.539 36.1015C152.11 35.2716 151.011 34.0995 150.241 32.5853C149.471 31.0624 149.086 29.2701 149.086 27.2083C149.086 25.1807 149.471 23.4012 150.241 21.8698C151.019 20.3299 152.106 19.1322 153.5 18.2766C154.895 17.4126 156.533 16.9805 158.415 16.9805C159.63 16.9805 160.777 17.1773 161.855 17.5708C162.941 17.9558 163.899 18.5547 164.729 19.3674C165.568 20.1802 166.226 21.2154 166.705 22.473C167.185 23.722 167.424 25.2106 167.424 26.9388V28.3633H151.268V25.232H162.971C162.963 24.3423 162.77 23.5509 162.394 22.858C162.017 22.1564 161.491 21.6046 160.815 21.2025C160.148 20.8004 159.369 20.5994 158.48 20.5994C157.53 20.5994 156.696 20.8304 155.977 21.2923C155.259 21.7458 154.698 22.3446 154.296 23.0889C153.903 23.8247 153.701 24.6332 153.693 25.5144V28.2478C153.693 29.3942 153.903 30.378 154.322 31.1993C154.741 32.0121 155.327 32.6366 156.08 33.0729C156.833 33.5007 157.714 33.7146 158.723 33.7146C159.399 33.7146 160.011 33.6204 160.558 33.4322C161.106 33.2355 161.581 32.9489 161.983 32.5724C162.385 32.196 162.689 31.7297 162.894 31.1736L167.232 31.6613C166.958 32.8077 166.436 33.8087 165.666 34.6642C164.905 35.5111 163.929 36.1699 162.74 36.6404C161.551 37.1024 160.191 37.3334 158.659 37.3334Z'
        className='logo-text'
      />
      <path
        d='M170.559 36.9484V17.2372H175.063V20.5224H175.269C175.628 19.3845 176.244 18.5076 177.117 17.8916C177.998 17.2671 179.003 16.9548 180.132 16.9548C180.389 16.9548 180.676 16.9677 180.992 16.9933C181.317 17.0105 181.587 17.0404 181.801 17.0832V21.3565C181.604 21.2881 181.292 21.2282 180.864 21.1769C180.445 21.117 180.038 21.087 179.645 21.087C178.798 21.087 178.036 21.271 177.361 21.6388C176.693 21.9982 176.167 22.4986 175.782 23.1403C175.397 23.7819 175.205 24.522 175.205 25.3604V36.9484H170.559Z'
        className='logo-text'
      />
      <path
        d='M193.203 36.9484H184.297V10.6667H193.383C195.992 10.6667 198.234 11.1929 200.107 12.2452C201.99 13.2889 203.435 14.7904 204.445 16.7495C205.454 18.7087 205.959 21.0528 205.959 23.7819C205.959 26.5196 205.45 28.8723 204.432 30.84C203.423 32.8077 201.964 34.3177 200.056 35.37C198.157 36.4223 195.873 36.9484 193.203 36.9484ZM189.058 32.8291H192.972C194.803 32.8291 196.33 32.4954 197.554 31.8281C198.777 31.1523 199.697 30.147 200.313 28.8124C200.929 27.4692 201.237 25.7924 201.237 23.7819C201.237 21.7714 200.929 20.1032 200.313 18.7771C199.697 17.4425 198.786 16.4458 197.579 15.7871C196.382 15.1197 194.893 14.7861 193.113 14.7861H189.058V32.8291Z'
        className='logo-text'
      />
      <path
        d='M209.688 36.9484V10.6667H219.749C221.648 10.6667 223.226 10.9662 224.484 11.565C225.75 12.1554 226.696 12.9638 227.32 13.9905C227.953 15.0171 228.27 16.1806 228.27 17.481C228.27 18.5504 228.064 19.4658 227.654 20.2272C227.243 20.9801 226.691 21.5918 225.998 22.0623C225.305 22.5329 224.531 22.8708 223.676 23.0761V23.3328C224.608 23.3841 225.502 23.6707 226.358 24.1926C227.222 24.7059 227.927 25.4331 228.475 26.3742C229.023 27.3152 229.296 28.4531 229.296 29.7877C229.296 31.148 228.967 32.3714 228.308 33.4579C227.649 34.5359 226.657 35.3871 225.331 36.0116C224.005 36.6362 222.337 36.9484 220.326 36.9484H209.688ZM214.449 32.9702H219.569C221.297 32.9702 222.542 32.6409 223.303 31.9821C224.073 31.3148 224.458 30.4593 224.458 29.4155C224.458 28.637 224.266 27.9355 223.881 27.311C223.496 26.6779 222.948 26.1817 222.238 25.8223C221.528 25.4545 220.681 25.2705 219.697 25.2705H214.449V32.9702ZM214.449 21.8442H219.158C219.98 21.8442 220.72 21.6944 221.378 21.395C222.037 21.087 222.555 20.655 222.931 20.0989C223.316 19.5342 223.509 18.8669 223.509 18.097C223.509 17.0789 223.149 16.2405 222.431 15.5817C221.721 14.923 220.664 14.5936 219.261 14.5936H214.449V21.8442Z'
        className='logo-text'
      />
    </StyledSVG>
  );
}
